.back{
    background: #faf8f8;

}
body{
    margin: 0;
}
.header{
    height: 10vw;
    width: 100%;
    position: absolute;
}
.header_image{
    height: 35vw;
    width: 100%;
     position: relative;
    z-index: 1;
    padding-left: 0;
}
.text-overlay {
    display: flex;
    flex-direction: row;
    width: 100%;
    height: 10vw;
    position: absolute;
    z-index: 2;
    top: 0;
}
.header_left{
    font-size: 3vw;
    height: 10vw;
    width: 20%;
    color: white;
    padding-left: 3vw;
}
.header_left_city{
    display: flex;
    flex-direction: row;
    font-size: 3.5vw;
    color: white;
}
.header_left_weather{
    font-size: 3vw;
    color: white;
}
.search-box{
    font-size: 4vw;
    width: 65%;
    height: 10vw;
    display: flex;
    flex-direction: row;
    align-items: center;
    border-radius: 2.5vw;
    color: white;
    background-color: rgba(0, 0, 0, 0.5);
}
.header_right{
    width: 15%;
    height: 10vw;
    display: flex;
    justify-content: space-around;
    align-items: center;
    color: white;
    font-size: 5vw;
    padding-right: 3vw;
}

.chaxunchepiao{
    padding-top: 35vw;
    border-radius: 2vw;
    margin-bottom: 2vw;
    background: white;
}
.huochepiao{
    color: #3c97f9;
    display: flex;
    flex-direction: column;
    background: white;
    width: 15vw;
    flex: 1;

}
.huochepiao1{
    padding-top: 2vw;
    font-size: 4vw;
    display: flex;
    align-content: center;
    justify-content: center;
    height: 6vw;
}
.huochepiao2{
    padding-bottom: 1vw;
    font-size: 5.5vw;
    display: flex;
    align-content: center;
    justify-content: center;
    height: 5vw;
}
.piao{
    border-radius: 5vw;
    display: flex;
    flex-direction: row;
    font-size: 3vw;
    background: #DDDDDD;
}
.plane-bus{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex: 1;
}

.choose_city{
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    padding-top: 3vw;
    font-size: 5vw;
    padding-bottom: 2vw;
    border-bottom: solid #a29696;
}
.choose_city i{
    color: #3c97f9;
}
.piao_date{
    display: flex;
    flex-direction: row;
    padding-bottom: 2vw;
    padding-top: 3vw;
    border-bottom: solid #a29696;
    padding-left: 10vw;
}
.piao_date_1{
    font-size: 5vw;
}
.piao_date_2{
    padding-left: 2vw;
    font-size: 4vw;
}
.chaxunchepiao button{
    width: 100%;
    height: 10vw;
    margin-top: 2vw;
    font-size: 4vw;
    color: white;
    background: #3c97f9;
    border-radius: 2vw;
    border: hidden;
}
.citytocity{
    display: flex;
    font-size: 3vw;
    justify-content: space-around;
    margin-bottom: 0.5vw;
    padding-bottom: 3vw;
    margin-top: 3vw;
}
/**********选项部分*********/
.types{
    width: 100%;
    height: 55vw;

    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-content: center;
    padding-left: 0;
    padding-top: 6vw;
    background: white;
    border-radius: 2vw;
}
.types li{
    width: 18vw;
    height: 20vw;

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    user-select: none;
    cursor: pointer;
}
.types li img{
    width: 10vw;
    height: 10vw;
}
.types li p{
    font-size: 3.2vw;
    color: #666;
}
/*******热门资讯*********/
.remenzixun{
    display: flex;
    flex-direction: row;
    margin-top: 5vw;
    background: white;
    border-radius: 2vw;
}
.remenzixunleft{
    display: flex;
    flex-direction: row;
    font-size: 2.5vw;
    justify-content: center;
    align-content: center;
}
.remenzixunimg{
    height: 12vw;
    width: 12vw;
}
.remenzixunfont{
    height: 12vw;

}
.remenzixunfont p{
    margin: 1vw;
    font-size: 3.2vw;
}
.remenzixunright{
    padding-left: 35vw;
    display: flex;
    align-content: center;
}
/*******温馨服务*********/
.wenxinfuwubox{
    display: flex;
    flex-direction: column;
    background: white;
    border-radius: 2vw;
    flex :1;
}
.wxfwtop{
    display: flex;
}
.wenxfwright{
    padding-left: 10vw;
}
.wxfwbottom{
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin: 0;
}
.wxfwbottom img{
    height: 10vw;
    width: 10vw;
}
.wxfwbottom li{
    display: flex;
    font-size: 3.2vw;
    align-content: center;
}
.wxfwbottom p{
    margin: 0;
}
.wxfwandcard{
    display: flex;
    flex-direction: row;
    margin-top: 3vw;
}
.cardbox{
    flex: 1;
    background: white;
    border-radius: 2vw;
}
.cardbox img{
    height: 55vw;
    width: 50vw;
}
/*******铁路商城*********/
.tielushangcheng{
    margin-top: 5vw;
}
.tielushangchengtop{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.tielushangchengtop p{
    font-size: 5vw;
}
.tielushangchengbottom{
    display: flex;
    flex-direction: row;
    padding: 0;
    margin: 0;
}
.tielushangchengbottom li{
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
}
.tielushangchengbottom li p{
    margin: 0;
    padding-left: 6vw;
    font-size: 3vw;
}
.tielushangchengbottom img{
    width: 33vw;
    height: 33vw;
}
/*******铁路精选*********/
.tielujxtop p{
    font-size: 5vw;
}
.tielujxbottom img{
    height: 50vw;
    width: 100%;
}
/*******酒店预定*********/
.jiudiantop{
    display: flex;
    justify-content: space-between;
}
.jiudiantop p{
    font-size: 5vw;
}
.jiudianbottom{
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 15vw;
    margin-top: 0;
}
.jiudianbottom h2{
    margin: 0;
}
.jiudianbottom p{
    margin: 0;
}
.jiudianfont1{
    display: flex;
    align-content: center;
}
.jiudianfont1_1{
   color: #3c97f9;
    font-size: 4vw;
}
.jiudianfont1_2{
    color: #3c97f9;
    padding-top: 1.8vw;
    font-size: 2.5vw;
}
.jiudianfont1_3{
    color: #a29696;
    font-size: 2.5vw;
    padding-top: 1.8vw;
    padding-left: 1vw;
}
.jiudianfont2{
    display: flex;
}
.jiudianfont2_1{
    color: #e83137;
    font-size: 4vw;
}
.jiudianfont2_2{
    color: #a29696;
    padding-top: 1.8vw;
    padding-left: 1vw;
    font-size: 2.5vw;
    padding-right: 1vw;
}
.jiudianfont2_3{
    color: white;
    background: #e83137;
    font-size: 2.5vw;
    padding-top: 1.8vw;
    padding-left: 1vw;
    padding-right: 1vw;
    border-radius: 1.5vw;
    height: 3.5vw;
}
.jiudianbottom li{
    border-radius: 2vw;
    background: white;
    width: 50%;
}
.jiudianbottom img{
    height: 50vw;
    width: 50vw;
    margin: 0;
    padding: 0;
}

/*******底部菜单*********/
.footer{
    width: 100%;
    height: 14vw;
    padding: 0;
    border-top: solid 1px #DDD;
    background-color: #fff;

    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;

    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0;
}
.footer li{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    color: #090606;
    user-select: none;
    cursor: pointer;
}
.footer li p{
    font-size: 2.8vw;
    margin: 0;
}
.footer li i{
    font-size: 5vw;
}